﻿<local:MyPage
    x:Class="ConstellationShow.Pages.Pair"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:local="clr-namespace:ConstellationShow"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">
	<local:MyPage.Resources>
		<Style x:Key="ButtonStyle1" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Canvas>
							<Image Height="134" Source="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}" Width="133"/>
							<TextBlock Canvas.Left="8" TextWrapping="Wrap" Text="{TemplateBinding Content}" Canvas.Top="102" Foreground="#FF1D1D1D" Width="117" TextAlignment="Center" FontSize="20"/>
						</Canvas>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</local:MyPage.Resources>

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Grid x:Name="LayoutRoot">
    	<Grid.Background>
    		<ImageBrush Stretch="Fill" ImageSource="/Images/blackground.jpg"/>
    	</Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel 包含应用程序的名称和页标题-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="PageTitle" Text="狮子座" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" Foreground="#FF6624C1" FontSize="60"/>
        </StackPanel>

        <!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        	<ScrollViewer d:LayoutOverrides="Height">
        		<Grid Width="456">
        			<Button x:Name="img1" Content="白羊座" HorizontalAlignment="Left" Margin="40,36,0,0" Style="{StaticResource ButtonStyle1}" Width="133" Tag="/Images/icon_03.png" Height="134" VerticalAlignment="Top"/>
        			<Image Margin="197,79,198,0" Source="/Images/vs.png" Height="47" VerticalAlignment="Top"/>
        			<Button x:Name="img2" Content="白羊座" HorizontalAlignment="Right" Margin="0,36,41,0" Style="{StaticResource ButtonStyle1}" Width="133" Tag="/Images/icon_03.png" Height="134" VerticalAlignment="Top"/>
        			<TextBlock x:Name="txt"
					TextWrapping="Wrap" Foreground="#FF1D1D1D" Margin="50,333,41,0" VerticalAlignment="Top"/>
        			<Canvas HorizontalAlignment="Right" Height="148" Margin="0,174,223,0" VerticalAlignment="Top" Width="193">
        				<local:Star x:Name="s1" mark="5" Canvas.Left="68" Canvas.Top="9" d:LayoutOverrides="Width, Height, Margin" />
        				<TextBlock Canvas.Left="8" TextWrapping="Wrap" Text="友情：" Canvas.Top="8" Foreground="Black" FontSize="20"/>
        				<TextBlock Canvas.Left="8" TextWrapping="Wrap" Text="爱情：" Canvas.Top="43" Foreground="Black" FontSize="20"/>
        				<TextBlock Canvas.Left="8" TextWrapping="Wrap" Text="婚姻：" Canvas.Top="78" Foreground="Black" FontSize="20"/>
        				<TextBlock Canvas.Left="8" TextWrapping="Wrap" Text="亲情：" Canvas.Top="112" Foreground="Black" FontSize="20"/>
        				<local:Star x:Name="s2" mark="5" Canvas.Left="68" Canvas.Top="49" d:LayoutOverrides="Width, Height, Margin" />
        				<local:Star x:Name="s3" mark="4" Canvas.Left="68" Canvas.Top="84" d:LayoutOverrides="Width, Height, Margin" />
        				<local:Star x:Name="s4" mark="2" Canvas.Left="68" Canvas.Top="116" d:LayoutOverrides="Width, Height, Margin" />
        			</Canvas>
        		</Grid>
        	</ScrollViewer></Grid>
    </Grid>

    <local:MyPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" BackgroundColor="#FF7F49D1" ForegroundColor="{StaticResource PhoneInverseBackgroundColor}">
            <shell:ApplicationBarIconButton IconUri="/Images/i_home.png" Text="主页" Click="Click_Home" />
            <shell:ApplicationBarIconButton x:Name="appbar_button1" Click="Click_Share" IconUri="/Images/i_share.png" Text="分享"/>
        </shell:ApplicationBar>
    </local:MyPage.ApplicationBar>
    
</local:MyPage>
